<template>
	<view class="container">
		<view class="cu-card case">
			<view class="cash_card">
				<view class="cu-timeline" style="background-color: #ffffff7d;">
					<view class="cu-time">转出</view>
					<view class="cu-item text-blue">
						<view class="bg-blue content">
							<view class="cu-capsule radius">
								<view class="cu-tag bg-white">申请</view>
								<view class="cu-tag line-white">{{ datas.create_time }}</view>
							</view>
							<view class="margin-top-sm">转出申请成功，已提交至银行处理</view>
							<view>{{ datas.bank }} ({{ datas.account }})</view>
							<view></view>
						</view>
					</view>
				</view>
				<view class="cu-timeline" style="background-color: #ffffff7d;">
					<view class="cu-time">到帐</view>
					<view class="cu-item text-blue">
						<view class="bg-blue content">
							<view class="cu-capsule radius">
								<view class="cu-tag bg-white">预计</view>
								<view class="cu-tag line-white">下一个工作日23:59分前到账</view>
							</view>
							<view class="margin-top-sm">不同银行的实际到账时间略有不同，具体到帐时间敬请留意银行通知或银行余额变化</view>
						</view>
					</view>
				</view>
				<view class="padding flex flex-direction">
					<button class="cu-btn bg-blue margin-tb-sm lg" @click="backUserCenter()">确定</button>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				orderid: '',
				datas: []
			}
		},
		onLoad: function (option) {
			this.orderid = option.orderid;
			this.helper.checkLogin();
			this.loadData();
		},
		methods: {
			loadData: function() {
				var info = uni.getStorageSync("userinfo");
				let timestamp = this.helper.now();
				let sign = this.helper.setSign(['orderid='+this.orderid,'token='+info.token,'timestamp='+timestamp]);
				this.helper.req({
					api:"getCashInfo",
					timestamp:timestamp,
					data:{orderid:this.orderid,token:info.token},
					header:{sign:sign},
					method:'GET',
				}).then(res=>{
					this.datas = res.data.data.info;
				})
			},
			backUserCenter: function() {
				uni.navigateTo({
					url: "/pages/user/person"
				});
			}
		}
	}
</script>

<style lang="scss">
	page {
		background-color: #0D1A44;
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}
.success .cuIcon-roundcheck {
    font-size: 110px;
}
.cash_card{
		display: block;
	    //background-color: #ffffff7d;
	    overflow: hidden;
	    border-radius: 5px;
	    margin: 17px;
}

</style>